<template>
  <view class="container">
    <uni-list>
	<uni-list :border="true">
		<!-- 右侧带角标 -->
		<uni-list-chat title="张三" avatar="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/unicloudlogo.png" note="您收到一条新的消息" time="2024-12-13 13:20" badge-text="3"></uni-list-chat>
		<uni-list-chat title="李四" avatar="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/unicloudlogo.png" note="您收到一条新的消息" time="2024-12-13 14:20" badge-text="5"></uni-list-chat>
		<uni-list-chat title="王五" avatar="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/unicloudlogo.png" note="您收到一条新的消息" time="2024-12-13 15:20" badge-text="6"></uni-list-chat>
		<uni-list-chat title="赵六" avatar="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/unicloudlogo.png" note="您收到一条新的消息" time="2024-12-13 16:20" badge-text="1"></uni-list-chat>
		<uni-list-chat title="孙七" avatar="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/unicloudlogo.png" note="您收到一条新的消息" time="2024-12-13 17:20" badge-text="2"></uni-list-chat>
		<uni-list-chat title="周八" avatar="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/unicloudlogo.png" note="您收到一条新的消息" time="2024-12-13 18:20" badge-text="4"></uni-list-chat>
	</uni-list>
</uni-list>
  </view>
</template>
<script>
export default {
	components: {},
	data() {
		return {
			avatarList: [{
				url: 'https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/unicloudlogo.png'
			}, 
    ]
		}
	}
}
</script>
<style>

</style>